<template>
  <div>
    StudentImport
<!--    <el-row :gutter="20" style="margin-bottom: 10px;">-->
<!--      <el-col :span="4">-->
<!--        <el-select v-model="params.specialtyCode" placeholder="请选择专业">-->
<!--          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>-->
<!--        </el-select>-->
<!--      </el-col>-->
<!--      <el-col :span="6">-->
<!--        <el-select v-model="params.grade" placeholder="请选择年级">-->
<!--          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>-->
<!--        </el-select>-->
<!--      </el-col>-->
<!--      <el-col :span="3">-->
<!--        <el-button type="success">下载模板</el-button>-->
<!--      </el-col>-->
<!--      <el-col :span="3">-->
<!--        <el-upload v-model:file-list="fileList" class="upload-demo"-->
<!--                   action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" :on-change="handleChange">-->
<!--          <el-button type="primary">导入学生</el-button>-->
<!--        </el-upload>-->
<!--      </el-col>-->
<!--      <el-col :span="3">-->
<!--        <el-button type="success">添加学生</el-button>-->
<!--      </el-col>-->
<!--    </el-row>-->
<!--    <el-table :data="students" style="width: 100%" height="65vh">-->
<!--      <el-table-column prop="sno" label="学号" width="120"/>-->
<!--      <el-table-column prop="name" label="姓名" width="60"/>-->
<!--      <el-table-column label="性别" width="60">-->
<!--        <template #default="scope">{{ scope.row.sex ? '男' : '女' }}</template>-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="grade" label="年级" width="60"/>-->
<!--      <el-table-column prop="specialty" label="专业" width="160"/>-->
<!--      <el-table-column prop="province" label="省/直辖市" width="100"/>-->
<!--      <el-table-column prop="city" label="城市" width="60"/>-->
<!--      <el-table-column prop="address" label="详细地址" width="180"/>-->
<!--      <el-table-column label="操作" width="280">-->
<!--        <template #default="scope">-->
<!--          <el-button size="small" @click="handleEdit(scope.row)">编辑</el-button>-->
<!--          <el-button size="small" type="danger">删除</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->
<!--    <div class="center">-->
<!--      <el-pagination background layout="prev, pager, next" :total=15 hide-on-single-page style="margin-top: 5px;"/>-->
<!--    </div>-->
  </div>
</template>
<script>
// import {Search} from '@element-plus/icons-vue'
// import {shallowRef} from "vue";

export default {
  name: 'StudentImport',
  // data() {
  //   return {
  //     Search: shallowRef(Search),
  //     students: [
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //       {
  //         sno: '2019001',
  //         name: 'Tom',
  //         sex: 0,
  //         classes: '计算机1班',
  //         grade: '2016',
  //         specialty: '计算机科学与技术',
  //         college: '信息工程学院',
  //         province: '河北',
  //         city: '邯郸',
  //         address: '学院路056000号'
  //       },
  //     ],
  //     params: {
  //       offset: 1,
  //       limit: 10,
  //       collegeCode: null,
  //       specialtyCode: null,
  //       grade: null
  //     },
  //     options: [
  //       {
  //         value: 'Option1',
  //         label: 'Option1',
  //       },
  //       {
  //         value: 'Option2',
  //         label: 'Option2',
  //       }],
  //   }
  // },
  // computed: {
  //   counts() {
  //     return this.students.length
  //   }
  //
  // }
}
</script>
<style>
.center {
  display: flex;
  justify-content: center;
}
</style>